<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高校体育后台管理</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet"href="../../css/semestermanage.css">
    <script src="../../js/jquery-2.1.0.min.js"></script>
</head>
<body>
<div class="contain">
    <div class="title">
        <img src="../../image/运动世界.png" style="width: 30px;height: 35px;margin-left: 20px">
        <span class="side-title">运动世界</span>
    </div>
    <div class="title">
        <a id="add" href="#" style="color: black">大连东软信息学院</a>
    </div>
    <div class="title">
        <span>dldrxxadmin，欢迎您</span>
    </div>
</div>
<div class="touming">
    <div class="show">
        <div class="show-search">
            <input type="text" class="search-text" style="width: 250px;height: 30px;margin-top: 10px;margin-left: 20px" placeholder="请输入学校名称" name="q">
            <button type="submit" class="search-ic"><img src="../../image/查找.png" style="width: 15px;height: 15px"></button>
        </div>
        <div style="clear: both"></div>
        <a href="" id="name"style="margin-top: 20px">大连东软信息学院(点击收回)</a>
    </div>
</div>
<div class="logo-right">
    <div class="module">
        <a href="#">
            <img src="../../image/数据总览.png" style="width: 22px;height: 22px">
            <span style="color: black">数据总览</span>
        </a>
    </div>
    <div class="module">
        <a href="../ui/semestermanage.html">
            <img src="../../image/学期管理.png" style="width: 22px;height: 22px">
            <span style="color: black">学期管理</span>
        </a>
    </div>
    <div class="module">
        <a href="../login/PEadmin.html" >
            <img src="../../image/退出.png" style="width: 22px;height: 22px">
            <span style="color: black">退出</span>
        </a>
    </div>
</div>
<div class="content">
    <div id="semestermanage">
        <div class="list">
            <div class="input">
                <form class="right-search" action="#">
                    <span>学期列表</span>
                    <button  type="button" class="btn btn-info"style="margin-left: 10px;background-color: #20a0ff"><a href="newSemester.html" style="color: white">添加学期</a></button>
                </form>
                <table class="table"style="margin-top: 20px">
                    <thead>
                    <tr bgcolor="#dfe6ec">
                        <th>学期</th>
                        <th>学期开始时间</th>
                        <th>学期结束时间</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody id="showInfoSemesterManage">
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>
<div class="footer">
    <span  style="margin-left: 420px;">客服电话：400 800 9198</span>
    <span  style="margin-left: 80px;">ZHE JIANG WAN HANG INFORMATION TECHNOLOGY CO. LTD</span>
</div>
<script>
    load()
    function load() {
        $.ajax({
            url: '/SemesterManage/SemesterManage',
            type: 'post',
            dateType:'json',
            success:function (resp) {
                if (resp.resultCode == 0){
                    var htmlStr = "";
                    for (var i = 0; i < resp.datas.length; i++) {
                        var bean1 = resp.datas[i];
                        var str = "<tr>" +
                            "<td>" + bean1.semester+ "</td>" +
                            "<td>" + bean1.starttime + "</td>" +
                            "<td>" + bean1.endtime + "</td>" +
                            "</tr>"
                        htmlStr += str;
                    }

                    $("#showInfoSemesterManage").html(htmlStr);
                }
            }

        });
    }
</script>
<script>
    $('#add').click(function () {
        $('.touming').show();

    })
    $('#show-icon').click(function () {
        $('.touming').hide();
    })
</script>
<script type="text/javascript">
        $(function(){
        })
        function openDialog(){
            document.getElementById('light').style.display='block';
            document.getElementById('fade').style.display='block'
        }
        function closeDialog(){
            document.getElementById('light').style.display='none';
            document.getElementById('fade').style.display='none'
        }
    </script>
</body>
</html>